/*/////////////////////////////////////////////////////////
//                                                      //
//  Blogger Template Style                              //
//  Name       : Camly Blogger Theme                    //
//  designer   : Chandeep                               //
//  URL        : www.blogtipsntricks.com                //
//                                                      //
//////////////////////////////////////////////////////////
*/
/*****************************************
reset.css
******************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: &quot;&quot;; }
blockquote, q { quotes: &quot;&quot; &quot;&quot;; }
sup { vertical-align: super; font-size:smaller; }
a img{ border: none; }
ol, ul { padding: 10px 0 20px; margin: 0 0 0 35px; }
ol li { list-style-type: decimal; padding:0 0 5px; }
ul li { list-style-type: square; padding: 0 0 5px; }
ul ul, ol ol { padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, sans-serif; text-transform: capitalize; font-weight: bold; }
.post-body h1, .post-body h2 { font-size: 30px; line-height: 1.361em; margin: 10px 0; padding: 5px 0; }
.post-body h3, .note { border-bottom: 2px solid #5F874E; font-size: 1.5em; line-height: 1.375em; margin: 10px 0; padding: 5px 0; display: block; }
.post-body h4 { border-bottom: 2px solid #CCC; font-size: 1.188em; line-height: 1.526em; margin: 10px 0; padding: 5px 0; }
.post-body h5 {	font-weight: normal; letter-spacing: .3em; }
/*****************************************
Global Links CSS
******************************************/
::-moz-selection { background: #5F874E; color: #fff; text-shadow: none; }
::selection { background: #5F874E; color: #fff; text-shadow: none; }
a { color: #5F874E; text-decoration: none; transition: color .15s linear; -webkit-transition: color .15s linear; -moz-transition: color .15s linear; }
a:hover { color: #1e1e1e; text-decoration:none; }
body { background: #F3E8CD; color: #1e1e1e; font-family: Georgia, sans-serif; font-size: 16px; line-height: 25px; }
.clr { clear:both; float:none; }
/*****************************************
Wrappers
******************************************/
.blogouter-wrapper { overflow: hidden; position: relative; width: 100%; }
.header-wrapper { background: #2e2e2e; position: relative; z-index: 999; }
.ct-wrapper { padding: 0 20px; position: relative; max-width: 1100px; margin: 0 auto; }
.outer-wrapper { background: #FFFCF5; }
.main-wrapper { width: auto; margin-right: 390px; }
#content { float: left; margin: 40px 0; position: relative; width: 100%; }
.sidebar-wrapper { color: #fff; float: right; font-size: 14px; margin: 40px 0; width: 390px; }
/**** Layout Styling CSS *****/
body#layout .header-wrapper { margin-top: 40px; }
body#layout #header { float: left; width: 50%; }
body#layout #navigation { float: right; width: 50%; }
body#layout .outer-wrapper, body#layout .sidebar-wrapper, body#layout .ct-wrapper { margin: 0; padding: 0; }
/*****************************************
Header CSS
******************************************/
#header{ float: left; margin: 0; overflow: hidden; text-align: center; }
#header h1 { padding: 0 20px; }
#header h1, #header h1 a { color: #FFFFFF; font-family: cursive; font-size: 32px; line-height: 88px;  text-transform: capitalize; }
#header p.description{ display: none; }
#header img{ border: 0 none; background: none; width: auto; height: auto; margin: 0 auto; }
/*****************************************
Main Menu CSS
******************************************/
.main-nav { display: inline-block; position: relative; z-index: 1000; float: right; }
.main-nav ul { width: 100%; padding: 0; margin: 0; text-align: right; }
.main-nav li { list-style-type: none; float: left;  padding: 0; }
.main-nav li a { color: #bbb; display: inline-block; font-size: 14px; line-height: 28px; padding: 30px 15px; text-transform: capitalize; }
.main-nav ul li a:hover, .main-nav ul li a:active, .main-nav ul li.highlight a { color: #fff; text-decoration: none; }
.main-nav a#pull {  display: none;  }
/*****************************************
Blog Post CSS
******************************************/
.post { padding: 20px 10%; display: inline-block; width: 80%; }
h1.post-title, h2.post-title { color: #000000; font-size: 36px; line-height: 51px; margin-bottom: 15px; text-transform: capitalize; }
h1.post-title a, h2.post-title a { color: #000; text-decoration:none; }
h1.post-title a:hover, h2.post-title a:hover { color: #5F874E; text-decoration:none; }
.post-body { font-size: 16px; line-height: 25px; font-weight: normal; padding: 0; margin: 0; text-transform:auto; word-wrap:break-word; text-align: justify; }
.btnt-img { float: left; height: 220px; margin: 0 20px 0 0; overflow: hidden; width: 220px; }
.btnt-img img { width: 100%; min-height: 220px; }
.post-body img{ position:relative; }
.post-header { overflow: hidden; color: #999; font-size: 14px; width: 100%; }
.post-header a { color: #999; }
.post-header a:hover { color: #5F874E; }
.post-header-line-1 { float: left; }
.rmlink a { display: block; line-height: 16px; margin: 15px 0 0; text-align: center; }
/******************************************
Misc
******************************************/
/***** Page Nav CSS *****/
.home-link, #blog-pager-newer-link a, #blog-pager-older-link a { background: #444; color: #fff; display: inline-block; padding: 8px 10px; }
.home-link:hover, #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover { background: #5F874E; color: #FFFFFF; }
#blog-pager { text-align: center; padding: 10px 5% 10px 5%; font-size: 14px; font-weight: normal; line-height: 1.5; margin: 1em 0 2em; }
.showpageOf { display:none; }
.showpagePoint, .showpage a, .showpageNum a { margin: 0 10px 0 0; }
/***** Post Highlighter CSS *****/
blockquote { border-color: #f5f5f5; border-style: solid; border-width: 1px 0; color: #888888; font-style: italic; margin: 10px 0 20px; padding: 15px 40px; }
pre { background: #2e2e2e; font-size: 12px; line-height: 150%; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; color: #FFFFFF; font-family: &quot;Courier New&quot;,monospace; margin: 1em auto; padding: 1.5em 3em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
code { font-family: &quot;Courier New&quot;,monospace; font-size: 12px; background: #eee; color: #1E1E1E; }
/*****************************************
custom widget CSS
******************************************/
/***** Opt-in Accordion *****/
.accordion section span.trigger:before { background: #2E2E2E; color: #FFFFFF; content: &quot;+&quot;; font-family: &quot;Pacifico&quot;,cursive; font-size: 40px; height: 40px; line-height: 22px; position: absolute; text-align: center; top: 0; width: 40px; -moz-border-radius: 0 0 50% 0; -webkit-border-radius: 0 0 50% 0; border-radius: 0 0 50% 0; cursor: pointer; }
.accordion section span.trigger { position: absolute; top: 0px; z-index: 999; }
.accordion section .inner { display: none; } 
/***** Optin Form CSS *****/
.opt-in .inner { background: #1e1e1e; padding: 50px 0; color: #777; text-shadow: 0 1px 1px #000000; }
.opt-in .inner h4 { font-size: 32px; margin-bottom: 10px; font-style: normal; color: #fff; line-height: 150%; }
.opt-in .inner a { border-bottom: 1px solid #DDDDDD; color: #DDDDDD; }
.opt-in .inner a:hover { border-bottom: 1px dashed #DDDDDD; }
.opt-in .opt-in-wrap { margin-right: 40%; }
.opt-in .info { float: left;  width: 100%;  }
.opt-in .signup-form { background: #2e2e2e; float: right; width: 35%; text-align: center; text-shadow: none; }
.opt-in .signup-form h4 { font-size: 26px; }
.opt-in .signup-form .form-inner { margin: 40px 35px 50px; }
/***** Social Profile Icon Widget CSS *****/
.social-profile-icons { margin: 20px 0; overflow: hidden; text-align: center; }
.social-profile-icons ul { display: inline-block; margin: 0 auto !important; }
.social-profile-icons ul li { background: transparent !important; border: none !important; float: left; list-style-type: none !important; margin: 0 4px 10px !important; padding: 0 !important; }
.social-profile-icons ul li a, .social-profile-icons ul li a:hover { background: url(&quot;http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png&quot;) no-repeat scroll 0 0 #222; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 38px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 38px; border: 1px solid rgba(0, 0, 0, 0.5); }
.social-profile-icons ul li.social-facebook a { background-position: -60px 3px; }
.social-profile-icons ul li.social-twitter a { background-position: -253px 3px; }
.social-profile-icons ul li.social-gplus a { background-position: -93px 3px; }
.social-profile-icons ul li.social-pinterest a { background-position: -157px 3px; }
.social-profile-icons ul li.social-rss a { background-position: -189px 3px; }
.social-profile-icons ul li.social-facebook a:hover { background-color: #3b5998; }
.social-profile-icons ul li.social-twitter a:hover { background-color: #00aced; }
.social-profile-icons ul li.social-gplus a:hover { background-color: #dd4b39; }
.social-profile-icons ul li.social-pinterest a:hover { background-color: #cb2027; }
.social-profile-icons ul li.social-rss a:hover { background-color: #F87E12; }
/***** Subscribe widget *****/
.sidebar #HTML100 p { margin: 0 0 10px; }
/***** Form CSS *****/
input { color: #333; margin-top: 10px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=text], select, textarea { box-shadow: none; background: #fff; border: 1px solid #bbb; color: #bbb; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 9px; padding: 12px 15px; text-transform: uppercase; vertical-align: middle; }
textarea { color: #333; font-size: 12px; text-transform: none; }
#subbox { background: url(&quot;http://3.bp.blogspot.com/-B39xC4Ufk5g/Ud0G2vNjdiI/AAAAAAAACfE/2BVYbTyCUzk/s1600/email-icon.png&quot;) no-repeat scroll 16px 15px #FFFFFF; border-color: #eee; border-width: 3px; border-style: none none solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; color: #BBBBBB; font-family: Verdana,Arial,Tahoma,sans-serif; font-size: 9px; padding: 13px 15px 13px 45px; text-transform: uppercase; }
/***** Button CSS *****/
input[type=&quot;button&quot;],
input[type=&quot;submit&quot;], .showpageNum a, .showpage a, .showpagePoint, .button { background: #5F874E; border-color: rgba(0, 0, 0, 0.3); border-width: 3px; border-style: none none solid; box-shadow: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; cursor: pointer; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; font-weight: bold; padding: 12px 15px; text-decoration: none; text-transform: uppercase; display: inline-block; }
input:hover[type=&quot;button&quot;],
input:hover[type=&quot;submit&quot;], .showpageNum a:hover, .showpage a:hover, .showpagePoint, .button:hover { background: #435E37; color: #fff; text-decoration: none; }
/***** Btnt Social Share widget CSS ******/
.btnt-social { float: left; margin: 5px 5px 0 0; width: 90px; }
/***** Custom Labels *****/
.cloud-label-widget-content { display: inline-block; text-align: left; }
.cloud-label-widget-content .label-size { display: inline-block; float: left; margin: 5px 5px 0 0; opacity: 1; }
.cloud-label-widget-content .label-size a, .cloud-label-widget-content .label-size span { background: #444444; color: #999999; display: block; font-size: 14px; padding: 8px 10px; }
.cloud-label-widget-content .label-size:hover a, .cloud-label-widget-content .label-size span { background: #5F874E; color: #FFF !important; }
.cloud-label-widget-content .label-size .label-count { display: none; }
/***** Profile Widget CSS *****/
.Profile img { float: left; margin: 5px 10px 5px 0; padding: 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.profile-data { color: #999999; font: bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif; font-variant: small-caps; margin: 0; text-transform: capitalize; }
.profile-datablock { margin: 0.5em 0; }
.profile-textblock { line-height: 1.6em; margin: 0.5em 0; }
a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0; text-align: center; text-transform:capitalize; }
/***** Popular Post *****/
.popular-posts ul {  padding-left: 0;  }
.popular-posts ul li { border-bottom: 1px solid #333;  list-style: none outside none !important;  margin-left: 0 !important;  overflow: hidden;  padding: 10px 0 !important;  transition: all 0.25s linear 0s;  }
.PopularPosts .item-thumbnail img {  display: block;  float: left;  height: 50px;  margin-right: 8px;  width: 50px;  }
/*****************************************
Sidebar CSS
******************************************/
.sidebar { margin: 0; padding: 0; display:block; }
.sidebar h2, .sidebar h5 { color: #FFFFFF; font-size: 21px; line-height: 31px; margin: 0 0 24px; }
.sidebar .widget { background: #1E1E1E; margin-bottom: 30px; padding: 45px 45px 30px; }
.sidebar ul { clear: both; margin: 0 0 0 15px; padding: 0; }
.sidebar ul li { padding: 0 0 5px; }
.sidebar a { color: #eee; }
.sidebar a:hover { color: #bbb; }
/*****************************************
Footer CSS
******************************************/
#footer { background: #1E1E1E; color: #BBBBBB; width: 100%; }
.footer { float: left; width: 33% }
.footer .widget{ margin-bottom:8px; padding: 25px; }
.footer h2 { color: #FFFFFF; font-size: 21px; line-height: 31px; margin: 0 0 24px; }
.footer .widget-content { font-size: 15px; line-height: 25px; }
.footer ul { clear: both; margin: 0 0 0 10px; padding: 0; }
.footer ul li { text-transform: capitalize; border-bottom: 1px solid #333; padding: 10px 0; }
.footer a, .footer-credits a { color: #eee; }
.footer a:hover, .footer-credits a:hover { color: #bbb; }
/***** Footer Credits CSS *****/
.footer-credits { border-top: 1px solid #333; font-size:12px; padding: 15px; text-align: center; text-transform: uppercase; }
/*****************************************
Comments CSS
******************************************/
.comments { border-top: 3px solid #5F874E; clear: both; margin: 40px 0 0; padding: 40px 10%; }
.comments h4 { border-bottom: 1px solid #ddd; font-size: 30px; line-height: normal; margin: 0 0 30px; padding: 0 0 10px; }
.comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; }
.comments .comments-content .comment-thread ol li { list-style: none; }
.comments .comments-content .comment:first-child { padding-top: 0; }
.comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; }
.comments .avatar-image-container { max-height: 60px; width: 60px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.comments .avatar-image-container img { max-width: 60px; width: 100%; }
.comments .comment-block { border-bottom: 1px solid #f5f5f5; margin-left: 72px; padding: 0 0 0 20px; }
.comments .comments-content .comment-header a {  text-transform: capitalize; }
.comments .comments-content .user { display: block; }
.comments .comments-content .datetime { margin-left: 0; }
.comments .comments-content .datetime a { color: #333; font-size: 12px; text-transform: uppercase; }
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 20px 0 0; }
.comments .comment-block .comment-actions { display: block; text-align: right; }
.comments .comment .comment-actions a { font-size: 12px; font-weight: bold; line-height: normal; padding: 5px 8px; }
.comments .comment .comment-actions a:hover { text-decoration: none; }
.comments .thread-toggle { display: none; }
.comments .comments-content .inline-thread { margin: 0 0 20px 35px !important; padding: 0 0 0 20px; }
.comments .continue { display: none; }
/*****************************************
Responsive styles
******************************************/
@media screen and (max-width: 1100px) {
.main-wrapper, .opt-in .opt-in-wrap{ margin: 0 !important; width: 100%; }
.opt-in .inner .ct-wrapper {  padding: 0 48px; }
.opt-in .info {  text-align: center;   }
.opt-in .signup-form {  margin-top: 30px;  width: 95%;  float: left;  }
.sidebar-wrapper { float: left; width: auto; }
}
@media screen and (max-width: 960px) {
#header { float: none; }
#header h1, #header h1 a { text-align: center; }
.main-nav { display: block; width: 100%; float: none; }
.main-nav ul { text-align: center; }
.main-nav ul { display: none; height: auto; }
.main-nav a#pull { background-color: #1E1E1E; border-bottom: 1px solid #2e2e2e; color: #fff; display: inline-block; font-size: 13px; font-weight: bold; padding: 10px 3%; position: relative; text-align: left; text-transform: uppercase; width: 94%; }
.main-nav a#pull:after { content:&quot;&quot;; background: url(&#39;http://2.bp.blogspot.com/-LwR9Bn5wyRQ/U10FzXsJXMI/AAAAAAAAC8M/ng-HiAmed9Q/s1600/nav-icon.png&#39;) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
.main-nav li { display: block; float: none; width: 100%; }
.main-nav li a { background: #333; padding: 15px 20px; display: block; }
.main-nav li a:hover, nav a:active { border: none; color: #eee; }
.ct-wrapper { padding: 0 10px; }
}
@media screen and (max-width: 768px){
#comment-editor { margin: 10px; }
.footer { float: none; width: 90%; margin: 15px 5%; }
}
@media screen and (max-width: 600px){
#header img { width: 100%; }
}
@media screen and (max-width: 420px){
.comments .comments-content .datetime{ display: block; float: none; }
.comments .comments-content .comment-header { height: 70px; }
}
@media screen and (max-width: 320px){
.comments .comments-content .comment-replies { margin-left: 0; }
}